<template>
  <div class="not-found">
    <!-- <navbar :title="'功能暂未开发'"></navbar> -->
    <div class="content">
      <p class="code">Wait.</p>
      <div>
        <p>你来到了一个荒芜的地方</p>
        <p>此功能正在开发中</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  components: {},
  mounted() {
    console.log("not_found first");
    this.$loadend();
  },
  activated() {
    console.log("not_found again");
    this.$loadend();
  }
};
</script>

<style scoped>
.not-found {
  position: relative;
  height: 100%;
}

.code {
  font-size: 3.5rem;
  color: #243a7c;
  font-weight: bold;
}
.content {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
}
</style>
